<template>
    <div>
        <div class="content">
            <div>请选择一下浏览器的外壳</div>
            <div style="margin-top: 12px;">
                <el-table
                :data="tableData"
                border
                style="width: 100%">
                <el-table-column
                  fixed
                  prop="liu"
                  label="浏览器"
                 >
                </el-table-column>
                <el-table-column
                  fixed
                  prop="typeName"
                  label="状态"
                 >
                </el-table-column>
              
                <el-table-column
                  fixed="right"
                  label="操作"
                  width="100">
                  <template slot-scope="scope">
                    <el-button @click="handleClick(scope.row)" type="text" size="small">
                        {{ scope.row.typeName=='启用'?'禁用':'启用' }}
                    </el-button>
                  </template>
                </el-table-column>
              </el-table>
            </div>
           
        </div>
    </div>
</template>
<script>
   import {updateShellConfig} from '@/api/system/liulanqi'
    export default{
        data(){
            return{
                tableData:[
                    {

                        liu:'IE',
                        typeName:'启用'
                    },
                    {
                        liu:'谷歌',
                       typeName:'禁用'
                    },
                   
                ]
            }
        },
        mounted(){
           
        },
       methods:{
        getliu(){
            
        },
        handleClick(e){
          
            return
            updateShellConfig().then((res)=>{

            })
        }
       }
    }
</script>
<style scoped>
.content{
    padding: 50px;
}

</style>